<template>
    <div>
        <!-- 轮播图 -->
        <mt-swipe :auto="4000">
        <!-- 绑定轮播图数据 -->
        <mt-swipe-item v-for="item in getlunbotu" :key="item.img">
            <img :src="item.img" alt=""> 
        </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    data(){
        return{
            getlunbotu:[//后台传过来的数据放到这里 好渲染到页面上
            {img:'../../images/8.jpg'},
            {img:'../../images/55st.png'},
            {img:'../../images/106st.png'}
        ]
        }
    }
}
</script>
<style scoped>
.mint-swipe {
  /* margin-top: 40px; */
  height: 150px;
}
.mint-swipe-item img{
    width: 100%;
    height: 100%;
}
</style>


